<template>
    <div class="item">
        <a-card hoverable >
            <!-- <template v-slot:cover>
                <img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />
            </template> -->
            <a-card-meta>
                <template #avatar> 
                    <img alt="example" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" style="width:10vw;height:10vw"/>
                </template>
                <template #title>
                    <p style="font-size:1.5vw;font-weight:bold;">
                        <router-link to="/content" style="color:black">测试标题：如何变成一个终极废物</router-link>
                    </p>
                </template>
                <template v-slot:description>
                    <p style="font-size:1.2vw;">
                        哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈大大大哈哈哈哈哈哈哈哈哈哈哈哈
                        33333333333333333333333
                        22222222222
                    </p>
                    
                </template>
            </a-card-meta>
        </a-card>
    </div>
</template>

<style scoped lang="less">
    .item{
        margin-top: 2vh;
        a-card{
        width: 100%;
    }
    }
    
</style>